/*
*  Responsive
*/
@mixin hidden-image() {
    .wpo-sidebar{
        .widget_sp_image{
            display: none;
        }
    }
}

@mixin ios-input() {
    input, textarea{
        @include appearance();
    }
}

@mixin dropdown-topbar() {
    .active-mobile{
        &:hover{
            .active-content{
                display: block;
                @include opacity(1);
                visibility: visible;
            }
        }
        .menu-top-menu-header-container{
            .menu{
                li{
                    float: none;
                    line-height: 25px;
                    a{
                        padding: 0;
                        border: 0;
                        line-height: normal;
                    }
                }
            }
        }
    }
}

// End

// form $screen-lg 1190px to +oo
@media (min-width: $screen-lg) {

}
// form $screen-md= 992 to $screen-lg 1190px
@media (min-width: $screen-md) and (max-width: $screen-md-max){
    //slide
}
// form $screen-sm= 768 to $screen-md= 992

@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
    .wpo-header .logo-in-theme .logo{
        width: auto;
        float: none;
        text-align:center;
    }
    .navbar-mega .navbar-nav > li{
        min-width: 80px;
    }
    .navbar{
        min-height: 0px;
    }

    @include dropdown-topbar();
    @include ios-input();
    @include hidden-image();
}
// max $screen-sm= 768

@media (max-width: $screen-sm-max) {
    .wpo-header .logo-in-theme .logo{
        width: auto;
        float: none;
        text-align:center;
    }
    .navbar{
        min-height: 0px;
    }


    @include dropdown-topbar();
    @include ios-input();
    @include hidden-image();
    .wpo-footer .col-footer{
        @include rtl-border-right(0px);
        &:after{
            width:0px;
        }
    }

}
// max $screen-sm= 480


@media (max-width: $screen-xs-max) {

    @include dropdown-topbar();
    @include ios-input();
    @include hidden-image();

}
// max $screen-sm= 480

@media (max-width: $screen-phone) {

    @include dropdown-topbar();
    @include ios-input();
    @include hidden-image();
}